<table id="tabla_perfiles" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager_perfiles" class="scroll" style="text-align:center;"></div> 

<script type="text/javascript">
  jQuery("#tabla_perfiles").jqGrid({ 
    url: "<%= url_for(:controller => "perfiles", :action => "datos") %>" ,
    datatype: 'json',
    colNames:[
        'Nombre',
        'Descripci&oacute;n',
      ],
    colModel : [
        {name: 'Nombre', index: 'nombre', width: 200, align: 'left'},
        {name: 'Descripcion', index: 'descripcion', width: 400, align: 'left'},
      ],
    rowNum:10,
    rowList:[10,20,30],
    imgpath: 'stylesheets/<%=APP_CONFIG[:theme_path]%>/images',
    pager: jQuery('#pager_perfiles'), 
    sortname: "nombre",
    sortorder: "asc",
    <% unless @window -%>
    ondblClickRow: function( rowid) {
      abrir(rowid);
      },
  <% end -%>
    caption: 'Perfiles',
    }).navGrid('#pager_perfiles',{edit:false,add:false,del:false, view:false}); 

  //Funcion para abrir el elemtno seleccionado
  function abrir(rowid){
    if (rowid == null){
      var id = $('#tabla_perfiles').getGridParam('selrow');
    }else{
      var id = rowid;
    }
    if (id == null){
      alert('Seleccione un registro de la lista');
    } else {
      window.location = '<%=perfiles_path%>/' + id;
    };
  };
</script>

<% if @window -%>
  <a href="#" class="jqmClose">Aceptar</a>
<% else -%>
  <% content_for :sidebar do -%> 
    <h3>Acciones</h3>
    <%= boton 'Nuevo perfil', new_perfil_path, :imagen => 'agregar' %> <br/>
    <%= boton 'Ver perfil', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>
